<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:wicket="http://wicket.apache.org/" xml:lang="en" lang="en">

<head></head>

<body>

	<wicket:extend>

		<!-- Seção das Mensagens de Erro/Feedback -->
		<div class="feedback" wicket:id="feedback">feedback here</div>

		<!-- Seção dos Filtros -->
		<form wicket:id="mainForm">
			<div class="filters">
				<div class="header">
					<span>Pesquisa de Especificação de Integrações Hydra</span>
				</div>
				<fieldset class="fields">
					<table class="table_fields">
						<tr>
							<td width="20%"><label>Sistema:</label></td>
							<td width="30%"><input name="sistema" type="text"
								class="texto" id="sistema" size="30" wicket:id="sistema" /></td>
							<td width="20%"><label>Ação:</label></td>
							<td width="30%"><input name="acao" type="text" class="texto"
								id="acao" size="30" wicket:id="acao" /></td>
						</tr>
					</table>
				</fieldset>

				<div class="buttons">
					<input type="submit" class="botao" value="Pesquisar" id="pesquisar" />
					<input type="button" class="botao" id="btnAtivar" value="Ativar"
						wicket:id="btnAtivar" /> <input type="button" class="botao"
						id="btnDesativar" value="Desativar" wicket:id="btnDesativar" />
				</div>
			</div>
		</form>
		<!-- Seção do Resultado da Pesquisa -->
		<div class="results">
			<div class="results_header">
				<span>Grid de Especificações</span>
			</div>

			<div class="results_container">

				<!-- Tabela dos Resultados -->
				<table class="results_table">

					<!-- Cabeçalho da Tabela -->
					<thead class="thead_results">
						<tr>
							<th class="th_headers"></th>
							<th class="th_headers"><span>Sistema</span></th>
							<th class="th_headers"><span>Ação</span></th>
							<th class="th_headers"><span>Status</span></th>
							<th class="th_headers"><span>Emissor</span></th>
							<th class="th_headers"><span>Codificação</span></th>
							<th class="th_headers"><span>Decodificação</span></th>
							<th class="th_headers"><span>Modelo</span></th>
							<th class="th_headers"></th>
						</tr>
					</thead>

					<!-- Rodapé da Tabela -->
					<tbody class="tbody_results">
						<tr wicket:id="hydraSpecificationList">
							<td><input type="checkbox"
								wicket:id="lstSelecaoSpecification" /></td>
							<td><span wicket:id="lstSistema" /></td>
							<td><span wicket:id="lstAcao" /></td>
							<td><span wicket:id="lstStatus" /></td>
							<td><span wicket:id="lstEmissor" /></td>
							<td><span wicket:id="lstCodificacao" /></td>
							<td><span wicket:id="lstDecodificacao" /></td>
							<td><span wicket:id="lstModelo" /></td>
							<td>
								<div wicket:id="modalPanelDetalhe" /> <a
								wicket:id="lstBtnDetalheSpecification"> <img
									wicket:id="lupa" alt="Detalhe" />
							</a>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>

	</wicket:extend>
</body>
</html>